import { useState, useEffect } from 'react'
import JudgeAnalysis from '../../common/JudgeAnalysis';
import LittleTitle from '../../../../../../common/LittleTitle';
import { Descriptions, Table } from 'antd';
export default function WarningDetail(props) {
    const { item } = props;

    return <div className=' layout-v '>
        <div className='layout-v'>
            <LittleTitle >基本信息</LittleTitle>
            <div style={{
                padding: 12
            }}>

                <Descriptions bordered column={1} size="middle">
                    <Descriptions.Item labelStyle={{
                        width: 110
                    }} label="隐患类别">{item.yhlb}</Descriptions.Item>
                    <Descriptions.Item label="预警标题">{item.yjbt}</Descriptions.Item>
                    <Descriptions.Item label="预警内容">{item.yjxxnr}</Descriptions.Item>
                    <Descriptions.Item label="站点名称">{item.zdmc}</Descriptions.Item>
                    {/* <Descriptions.Item label="经度">{item.jd}</Descriptions.Item>
                    <Descriptions.Item label="纬度">{item.wd}</Descriptions.Item> */}
                </Descriptions>
            </div>
        </div>
        <JudgeAnalysis item={item} />
    </div>;
}